<template>
	<view>
		<image class="iwidth" :src="imgPath+'/static/big/pic/bgp1.png'" mode="widthFix"></image>
		<image class="cyc rightFly" src="/static/img/activeB/cyc.png" mode="widthFix"></image>
		<image class="gz leftFly" src="/static/img/activeB/gz.png" mode="widthFix"></image>
		<image class="mbti drop" src="/static/img/activeB/mbti.png" mode="widthFix"></image>
		<image class="rg rightFly" src="/static/img/activeB/rg.png" mode="widthFix"></image>
		<image class="ypjh roll" src="/static/img/activeB/ypjh.png" mode="widthFix"></image>
		<image class="yqtz roll" src="/static/img/activeB/yqtz.png" mode="widthFix"></image>
		<image class="startBtn breath" @click="lightBtn" :src="imgPath+'/static/big/pic/startBtn.png'" mode="widthFix"></image>
		<BgMusic ref="bgMusic"/>
		<ActivityEnd ref="activityEnd"/>
	</view>
</template>

<script>
	import platform from '@/src/platform'
	import http from "@/src/http"
	export default {
		components:{

		},
		data() {
			return {
				userBool:false,
			}
		},
		async onLoad(options) {
			wx.hideHomeButton&&wx.hideHomeButton();
		},
		methods: {
			lightBtn(){
				uni.redirectTo({
					url:'/pages/activeB/answer/index'
				});
			}
		},
		onShareTimeline() {
			http.writeLog2({type:2});
			let title = '我正在参加光子MBTI测试，快来一起测试吧！';
			let path = '/pages/index?name=activeB';
			return {
				title,
				path
			}
		}
	}
</script>

<style scoped>
.cyc{
	position: absolute;
	width: 555rpx;
  top: 52rpx;
  left: 153rpx;
}
.gz{
	position: absolute;
	width: 234rpx;
  top: 222rpx;
  left: 23rpx;
}
.mbti{
	position: absolute;
	width: 272rpx;
  top: 210rpx;
  left: 254rpx;
	opacity: 0;
}
.rg{
	position: absolute;
	width: 244rpx;
  top: 218rpx;
  left: 477rpx;
}
.ypjh{
	position: absolute;
	width: 207rpx;
  top: 394rpx;
  left: 15rpx;
}
.yqtz{
	position: absolute;
	width: 243rpx;
  top: 458rpx;
  left: 36rpx;
	animation-delay: 1s;
}
.startBtn{
	position: absolute;
	width: 340rpx;
  bottom: 41rpx;
  right: 41rpx;
}
</style>
